<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial -scale=1.0">
    <link rel="stylesheet" href="styles4.css">
    <title>Rosetta Stone - Business Language Training/resources</title>
</head>
<body>
    <header>
        <a href="index.html">
            <img src="121tjntr.png" alt="Rosetta" />
        </a>
        <nav>
          <ul>
            <li><a href="index3.html">企业</a></li>
            <li><a href="#">培训中心</a></li>
            <li><a href="#">高等教育</a></li>
          </ul>
        </nav>
    </header>
    <img src="屏幕截图 2024-11-13 181919.png" alt="Low Height Image" class="low-height-image"/>
    <div class="search-bar">
      <input type="text" placeholder="搜索...">
    </div>
    
    <div class="video-section">
      <video controls>
        <source src="Language Learning at E.ON.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>
      <h2>Language Learning at E.ON</h2>
      <p>Energy provider E.ON sought an online learning solution, to provide all employees with standardized and high-quality language training. Learn about their successes and challenges, and how they were able to reduce cost through a new learning approach.</p>
    </div>
    
    <section class="learner-type-section">
      <h2>你是什么类型的学习者？</h2>
      <div class="learner-type-images">
          <div class="learner-type-image">
              <img src="屏幕截图 2024-11-25 213024.png" alt="Training Center">
              <span>培训中心</span>
          </div>
          <div class="learner-type-image">
              <img src="屏幕截图 2024-11-25 213110.png" alt="Higher Education">
              <span>高等教育</span>
          </div>
          <div class="learner-type-image">
              <img src="屏幕截图 2024-11-25 213120.png" alt="Corporate">
              <span>企业</span>
          </div>
      </div>
  </section>
</body>
</html>